@import url(../icon/aLi/iconfont.css);

@keyframes swiper_last {
    0% {}

    50% {
        opacity: 0;
        transform: translateX(-10vw)
    }

    54% {
        opacity: 0;
        transform: translateX(10vw)
    }

    60%,
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes swiper_next {
    0% {}

    50% {
        opacity: 0;
        transform: translateX(10vw)
    }

    54% {
        opacity: 0;
        transform: translateX(-10vw)
    }

    60%,
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes swing-in-top-fwd1 {
    0% {
        transform: rotateX(-100deg) scale(1);
        transform-origin: top;
        opacity: 0
    }

    100% {
        transform: rotateX(0deg) scale(1);
        transform-origin: top;
        opacity: 1
    }
}

@keyframes swing-in-top-fwd2 {
    0% {
        transform: rotateX(-100deg) scale(1);
        transform-origin: top;
        opacity: 0
    }

    100% {
        transform: rotateX(0deg) scale(1.1);
        transform-origin: center bottom;
        opacity: 1
    }
}

@keyframes swing-in-top-fwd3 {
    0% {
        transform: rotateX(-100deg) scale(1);
        transform-origin: top;
        opacity: 0
    }

    100% {
        transform: rotateX(0deg) scale(0.9);
        transform-origin: center bottom;
        opacity: 1
    }
}

@keyframes con-car-active-font {
    0% {
        opacity: 0;
        transform: translateY(0)
    }

    50% {
        opacity: 0;
        transform: translateY(-6.0417vw)
    }

    60%,
    100% {
        width: 100%;
        transform: translateY(5.7813vw)
    }
}

@keyframes con-car2-active-font {
    0% {
        display: none;
        opacity: 0
    }

    50% {
        display: none;
        opacity: 0
    }

    60%,
    100% {}
}

@keyframes con-car2-active-title {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes IM-Mobile-Last {
    0% {}

    60%,
    100% {
        padding-bottom: 0;
        opacity: 1;
        width: 40.625vw;
        height: 82.0833vw;
        right: 0
    }
}

@keyframes IM-Mobile-Current {
    0% {
        opacity: .6
    }

    40%,
    100% {
        opacity: .6;
        width: 36.4583vw;
        height: 73.6458vw;
        transform: translateX(-49vw)
    }
}

@keyframes IM-Mobile-Next {
    60% {
        left: 54vw
    }

    70% {
        opacity: 0;
        display: none;
        z-index: -1;
        left: 80vw
    }

    100% {
        opacity: 0.6;
        width: 36.4583vw;
        height: 73.6458vw;
        left: 53.232vw
    }
}

@keyframes IM-Mobile-Last-f {
    0% {}

    60%,
    100% {
        padding-bottom: 0;
        opacity: 1;
        left: 0;
        width: 40.625vw;
        height: 82.0833vw
    }
}

@keyframes IM-Mobile-Current-f {
    0% {
        opacity: .6
    }

    100% {
        opacity: .6;
        width: 36.4583vw;
        height: 73.6458vw;
        transform: translateX(53.23vw)
    }
}

@keyframes IM-Mobile-Next-f {
    60% {
        right: 54vw
    }

    70% {
        opacity: 0;
        display: none;
        z-index: -1;
        right: 80vw
    }

    100% {
        opacity: 0.6;
        width: 36.4583vw;
        height: 73.6458vw;
        right: 53.232vw
    }
}

@keyframes slide-in-blurred-bottom {
    0% {
        transform: translateY(50px)
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes con-menu-animation {
    0% {}
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    font-size: 0.8333vw;
}

.body {
    background-color: #252525;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    width: 100vw !important;
    min-width: 100vw;
    max-width: 100vw;
}

.body #home {
    flex: 1;
}

.header {
    padding-top: 0.8333vw;
    width: 100%;
    height: 9.2708vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: #252525
}

.header .hd_logo {
    margin: 0;
    margin-right: 0.4167vw;
    width: 4.8958vw;
    height: 3.9063vw;
    background: url("../images/company_logo.png") no-repeat;
    background-size: 100% 100%
}


.header .hd_title {
    margin-left: 0.4167vw;
    height: 6.8229vw;
    display: flex;
    align-items: center;
    color: #fff;
    border-bottom: 0.0521vw solid #B2B2B2
}

.header .hd_title .title .z {
    margin-bottom: 0.5729vw;
    font-size: 1.875vw
}

.header .hd_title .title .c {
    font-size: 0.9375vw
}

.header .hd_title .center-subtitle {
    padding-top: 1.5625vw;
    height: 100% !important;
    align-self: flex-start;
    display: grid;
    z-index: 999
}

.header .hd_title .center-subtitle img {
    width: 24.6875vw;
    height: 1.6667vw;
    opacity: 0;
}

.header .hd_title .center-subtitle .menu-items {
    width: 100%;
    display: flex;
    transform: translate(11vw, 0.0921vw);
}

.header .hd_title .center-subtitle .menu-items .active {
    border-color: #02BAB4;
    background-color: #252525;
    border-bottom: none;
    color: #02BAB4
}

.header .hd_title .tel {
    padding: 1.5625vw 0 0.3125vw 2.7604vw;
    height: 100% !important;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 1.25vw;
    font-weight: bold;
    color: #fff
}

.header .hd_title .tel .icon {
    margin-right: 0.3125vw;
    width: 1.6667vw;
    height: 1.6667vw;
    border: 0.1042vw solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 51%
}

.header .hd_title .tel .icon img {
    width: 0.9375vw;
    height: 0.9375vw
}

.header .hd_title .tel .row {
    justify-content: flex-end
}

.header .hd_title .tel .row .btn {
    width: 4.6354vw;
    height: 1.7708vw;
    background-color: #01BAB4;
    color: #fff
}

.con-footer .con-download {
    margin: 0 0.5208vw;
    padding: 0 15.1042vw 2.0833vw 14.7917vw;
    padding-bottom: 2.0833vw;
    width: calc(100vw - 1.0417vw);
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0.0521vw solid rgba(180, 180, 180, 0.15)
}

.con-footer .con-download .l .company-logo img {
    width: 10.625vw;
    height: 8.2292vw
}

.con-footer .con-download .c,
.con-footer .con-download .r1 {
    margin: 0 1.4583vw;
    width: 34.0104vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer
}

.con-footer .con-download .c .title,
.con-footer .con-download .r1 .title {
    width: 100%;
    text-align: center;
    font-size: 0.9375vw;
    color: #DDDDDD
}

.con-footer .con-download .c .c-box,
.con-footer .con-download .r1 .c-box {
    position: relative;
    margin-top: 0.625vw;
    padding: 0.625vw;
    width: 100%;
    background: rgba(46, 46, 46, 0.8);
    border-radius: 0.2604vw;
    display: flex;
    align-items: center;
    color: #898989
}

.con-footer .con-download .c .c-box .c-b-item,
.con-footer .con-download .r1 .c-box .c-b-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.con-footer .con-download .c .c-box .c-b-item .con-qr,
.con-footer .con-download .r1 .c-box .c-b-item .con-qr {
    position: absolute;
    top: 0;
    width: 10.25vw;
    height: 10.25vw;
    transform: translateY(calc(-100% - 1.0417vw));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    opacity: 0;
    z-index: -1;
    transition: all .366s
}

.con-footer .con-download .c .c-box .c-b-item .con-qr img,
.con-footer .con-download .r1 .c-box .c-b-item .con-qr img {
    width: 8vw;
    height: 8vw
}

.con-footer .con-download .c .c-box .c-b-item .con-qr::after,
.con-footer .con-download .r1 .c-box .c-b-item .con-qr::after {
    content: "";
    position: absolute;
    bottom: .208vw;
    border: 1.0417vw solid transparent;
    border-top-color: #fff;
    transform: translateY(100%)
}

.con-footer .con-download .c .c-box .c-b-item:hover .con-qr,
.con-footer .con-download .r1 .c-box .c-b-item:hover .con-qr {
    z-index: 99;
    opacity: 1
}

.con-footer .con-download .c .c-box .c-b-item .icon,
.con-footer .con-download .r1 .c-box .c-b-item .icon {
    position: relative;
    margin: 0 1.1458vw 0.6771vw 1.1458vw;
    width: 4.1667vw;
    height: 4.1667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #454545;
    overflow: hidden
}

.con-footer .con-download .c .c-box .c-b-item .icon>img,
.con-footer .con-download .r1 .c-box .c-b-item .icon>img {
    width: 2.3438vw;
    height: 2.3438vw
}

.con-footer .con-download .c .c-box .c-b-item .icon .box .icon-qr,
.con-footer .con-download .r1 .c-box .c-b-item .icon .box .icon-qr {
    position: absolute;
    right: .6vw;
    width: 1.2417vw;
    height: 1.2417vw;
    z-index: 9;
    transform: rotate(-40deg);
    clip-path: polygon(100% 0, 100% 100%, 55% 100%, 0 55%, 0 0)
}

.con-footer .con-download .c .c-box .c-b-item .spec .box,
.con-footer .con-download .r1 .c-box .c-b-item .spec .box {
    content: "";
    position: absolute;
    top: -4.4271vw;
    right: -2.2833vw;
    width: 5.2083vw;
    height: 5.2083vw;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-color: #356CEC;
    transform: rotate(40deg);
    overflow: hidden
}

.con-footer .con-download .c .c-box .c-b-item .label,
.con-footer .con-download .r1 .c-box .c-b-item .label {
    color: #898989;
    white-space: nowrap
}

.con-footer .con-download .r1 {
    width: 10vw
}

.con-footer .con-download .r1 .c-box {
    justify-content: center
}

.con-footer .con-link {
    position: relative;
    margin: 1.0417vw 14.7917vw 2.0833vw 14.7917vw
}

.con-footer .con-link .row {
    color: #b3b1b1
}

.con-footer .con-link .link-items {
    margin-top: 1.1458vw;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.con-footer .con-link .link-items .col {
    margin-bottom: 0.9896vw;
    margin-right: 2.3958vw;
    white-space: nowrap;
    color: #898989
}

.con-footer .con-link .info {
    margin-top: 1.1979vw;
    color: #B2B2B2
}

.con-footer .con-link .info .col {
    margin-right: 2.1875vw;
    min-width: 14.5833vw;
    justify-content: space-between
}

.con-footer .con-link .info .col span {
    color: #898989
}

.con-footer .con-link .con-qrCode {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex
}

.con-footer .con-link .con-qrCode .qr-item {
    margin: 0 0.9375vw;
    display: flex;
    flex-direction: column;
    align-items: center
}

.con-footer .con-link .con-qrCode .qr-item .qr-img {
    padding: 0.2604vw;
    width: 4.1667vw;
    height: 4.1667vw;
    background-color: #fff
}

.con-footer .con-link .con-qrCode .qr-item .qr-img img {
    width: 100%;
    height: 100%;
}

.con-footer .con-link .con-qrCode .qr-item .qr-text {
    margin-top: 0.5208vw;
    font-size: 0.625vw;
    color: #9D9D9D
}

.con-video {
    position: relative;
    width: 100vw;
    height: 20.8333vw;
    overflow-x: hidden;
}

.con-video .video-play {
    position: absolute;
    top: calc(50%);
    left: calc(50%);
    margin-top: calc(-4.5833vw / 2);
    margin-left: calc(-4.5833vw / 2);
    width: 4.5833vw;
    height: 4.5833vw;
    transform: scale(0.7);
    transition: all .36666s;
    background-color: #fff;
    border-radius: 51%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0
}

.con-video .video-play .img {
    width: 1.0938vw;
    height: 1.25vw;
    background-image: url(../images/play-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.con-video .video-play .img.pause {
    background-image: url(../images/pause-icon.png);
    height: 1.25vw
}

.con-video .video-play::after {
    content: "";
    position: absolute;
    width: 6.0417vw;
    height: 6.0417vw;
    border-radius: 51%;
    border: 0.0521vw solid #ECECEC;
    opacity: 0.9;
    transform: scale(1);
    transition: all .36666s
}

.con-video .video-play::before {
    content: "";
    position: absolute;
    width: 7.2917vw;
    height: 7.2917vw;
    border-radius: 51%;
    border: 0.0521vw solid #FFFFFF;
    transform: scale(1);
    transition: all .36666s
}

.con-video:hover .video-play {
    transform: scale(1) !important;
    opacity: 1
}

.con-video:hover .video-play::after {
    transform: scale(1.08)
}

.con-video:hover .video-play::before {
    transform: scale(1.1)
}


.con-video .swiper-slide img {
    width: 100%;
    height: 100%;
}

.con-video .con-video-box.active {
    z-index: 1004;
    opacity: 1;
}

.con-video .con-video-box.active .content {
    transform: translate(-50%, -50%) scale(1);
}

.con-video .con-video-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -2;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .56s;
}

.con-video .con-video-box .icon-close {
    position: absolute;
    top: 24vw;
    right: 25.0417vw;
    font-size: 2.725vw;
    color: #fff;
    cursor: pointer;
}

.con-video .con-video-box .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.3);
    transform-origin: center center;
    width: 41.6667vw;
    height: 23.4375vw;
    background-color: #fff;
    transition: all .366s;
}

.con-content {
    padding: 3.9063vw 14.7917vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.con-content .con-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.con-content .con-menu .menu-item {
    position: relative;
    padding: 0 1.0417vw;
    width: 15.1042vw;
    height: 14.0625vw;
    border-radius: 0.2604vw;
    background: url(../images/index-home-menu-img-back.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    color: #000;
    align-items: center
}

.con-content .con-menu .menu-item .menu-img {
    position: relative;
    width: 4.0104vw;
    height: 4.0104vw;
    transform: translateY(-1.5229vw);
    border-radius: 51%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-sizing: initial
}

.con-content .con-menu .menu-item .menu-img img {
    position: absolute
}

.con-content .con-menu .menu-item .title {
    margin-bottom: 1.5625vw;
    font-size: 1.1458vw;
    font-weight: bold
}

.con-content .con-menu .menu-item .descript {
    text-align: center;
    font-size: 0.8333vw
}

.con-content .con-menu .menu-item:nth-child(1) img {
    top: 0.3125vw;
    left: 0.4688vw;
    width: 3.125vw;
    height: 3.125vw
}

.con-content .con-menu .menu-item:nth-child(2) img {
    top: 0.6771vw;
    left: 0;
    width: 3.6458vw;
    height: 2.9167vw
}

.con-content .con-menu .menu-item:nth-child(3) img {
    top: 0.6771vw;
    right: 0.2604vw;
    width: 3.2292vw;
    height: 2.3958vw
}

.con-content .con-menu .menu-item:nth-child(4) img {
    top: 0.6771vw;
    left: 0.3125vw;
    width: 3.2813vw;
    height: 2.7083vw
}

.con-content .con-new-list {
    margin-top: 2.6042vw;
    max-width: 41.6667vw !important
}

.con-content .con-new-list .title {
    margin-bottom: 2.0833vw;
    font-size: 1.25vw;
    color: #ddd;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.con-content .con-new-list .title .to-all {
    font-size: 0.8333vw;
    color: #C0BFBF
}

.con-content .con-new-list .con-items {
    display: flex;
    flex-direction: column
}

.con-content .con-new-list .con-items .item {
    margin-bottom: 1.0417vw;
    min-height: 8.125vw;
    display: flex;
    align-items: center;
    cursor: pointer
}

.con-content .con-new-list .con-items .item:last-child {
    margin-bottom: 0
}

.con-content .con-new-list .con-items .item .new-img {
    margin-right: 2.5vw
}

.con-content .con-new-list .con-items .item .new-img img {
    width: 13.75vw;
    height: 8.125vw;
    transform: scale(1);
    transition: all .366s
}

.con-content .con-new-list .con-items .item .new-img img:hover {
    transform: scale(1.1);
    transform-origin: center center
}

.con-content .con-new-list .con-items .item .info {
    padding: 1.0417vw 0.7292vw 1.0417vw 0.1042vw;
    flex: 1;
    height: 8.3333vw;
    display: flex;
    flex-direction: column;
    border-bottom: 0.0521vw solid #666
}

.con-content .con-new-list .con-items .item .info .subtitle {
    margin-bottom: 1.4583vw;
    font-size: 0.9333vw;
    color: #DDDDDD;
    transition: color .366s
}

.con-content .con-new-list .con-items .item .info .descript {
    color: #858585
}

.con-content .con-new-list .con-items .item:hover .info .subtitle {
    color: #02BAB4
}

.con-content .list {
    width: 23.4375vw
}

.con-content .list .item {
    min-height: auto !important
}

.con-content .list .info {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    font-size: 0.8333vw;
    height: auto !important;
    line-height: 1.1458vw
}

.con-content .list .info .descript {
    color: #DDDDDD;
    display: grid;
    grid-template-columns: 0.4167vw 1fr;
    grid-column-gap: 0.7813vw;
    transition: all .3666s
}

.con-content .list .info .descript::before {
    content: "";
    margin-top: 0.3125vw;
    margin-right: 0.7813vw;
    width: 0.4167vw;
    height: 0.4167vw;
    border-radius: 51%;
    background-color: #DDDDDD;
    display: flex;
    align-items: center;
    transition: all .3666s
}

.con-content .list .btn-item {
    margin-top: 1.5104vw;
    width: 100%;
    display: flex
}

.con-content .list .btn-item .btn {
    margin-right: 0.3646vw;
    min-width: 5.4688vw;
    height: 1.9271vw;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to right, #4AC791, #0EA598);
    font-size: 0.7292vw;
    color: #FFFFFF;
    line-height: 1.4583vw
}

.con-content .list .item:last-child .info {
    border-bottom: none
}

.con-app {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2.2396vw;
    grid-row-gap: 1.875vw
}

.con-app .title {
    margin: 3.5417vw 0 2.1875vw 0;
    grid-column: 1 / span 3;
    width: 100%;
    font-size: 1.25vw;
    color: #DDDDDD;
    line-height: 2.0833vw;
    text-align: center
}

.con-app .item {
    position: relative;
    padding: 3.4375vw 0 0 1.3021vw;
    width: 100%;
    height: 15vw;
    display: flex;
    flex-direction: column;
    background: url("../images/app-image-1.jpg") no-repeat;
    background-size: cover;
    cursor: pointer;
    opacity: 0;
    transform: translateY(400px)
}

.con-app .item .app-title {
    width: 100%;
    font-size: 0.9375vw;
    font-weight: bold;
    color: #fff;
    line-height: 1.25vw;
    transition: color .366s;
    z-index: 2
}

.con-app .item .descript {
    margin-top: 1.25vw;
    width: 100%;
    font-size: 0.7292vw;
    color: #FFFFFF;
    line-height: 1.25vw;
    z-index: 2
}

.con-app .item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .366s;
    z-index: 1
}

.con-app .item .app-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0.6771vw;
    align-self: center;
    height: 3.9583vw;
    width: 100%;
    border-top: 0.0521vw solid rgba(255, 255, 255, 0.16);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    font-size: 0.7292vw;
    color: #FFFFFF;
    line-height: 1.25vw
}

.con-app .item .app-footer::after {
    content: "";
    position: absolute;
    top: -0.0521vw;
    left: 0;
    width: 100%;
    height: 0.1042vw;
    background-color: #02BAB4;
    clip-path: inset(0 100% 0 0);
    z-index: 99;
    transition: all .366s
}

.con-app .item .app-footer .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2917vw;
    height: 2.2917vw;
    border-radius: 51%;
    border: 0.0521vw solid rgba(255, 255, 255, 0.36);
    opacity: 0;
    transition: all .366s
}

.con-app .item .app-footer .arrow img {
    width: 0.8854vw;
    height: 0.625vw
}

.con-app .item:hover .app-title {
    color: #02BAB4
}

.con-app .item:hover::after {
    background-color: rgba(0, 0, 0, 0.22)
}

.con-app .item:hover .app-footer::after {
    clip-path: inset(0 0 0 0)
}

.con-app .item:hover .app-footer .arrow {
    opacity: 1
}

.con-company-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, minmax(1fr, 9.3229vw));
    grid-template-rows: repeat(3, 6.6146vw);
    grid-gap: 1.9792vw 0.7813vw
}

.con-company-list .title {
    grid-column: 1 / span 7;
    margin: 3.9063vw 0 2.2396vw 0;
    width: 100%;
    font-size: 1.25vw;
    color: #DDDDDD;
    line-height: 2.0833vw;
    text-align: center
}

.con-company-list .item {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0.2604vw;
    cursor: pointer
}

.con-company-list .item .back {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 0.2604vw;
    transition: all .5666s
}

.con-company-list .item:hover {
    background: url(../images/index-company-item-back.png) no-repeat;
    background-size: 100% 100%;
    background-color: transparent
}

.con-company-list .item:hover .back {
    filter: invert(1) grayscale(1) brightness(2)
}

.con-year {
    position: relative;

    padding-left: 7vw;
    margin-bottom: 6.25vw
}

.con-year .year-items {
    display: flex;
    justify-content: flex-start;
    transition: transform .366s;

}

.con-year .year-items .active,
.con-year .year-items .item:hover {
    transition: all .3s;
    box-shadow: 0vw 0.4688vw 0.6771vw 0vw rgba(0, 0, 0, 0.22);
    cursor: pointer
}

.con-year .year-items .active .year,
.con-year .year-items .active .text,
.con-year .year-items .item:hover .year,
.con-year .year-items .item:hover .text {
    color: #fff !important;
    transition: color .3s
}

.con-year .year-items .item {
    min-width: 17.1354vw;
    background: #252525;
    display: flex;
    flex-direction: column;
    color: #4F4F4F
}

.con-year .year-items .item:first-child .text {
    position: relative
}

.con-year .year-items .item:first-child .text::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 200vw;
    height: 0.0521vw;
    background-color: #373737;
    z-index: 1
}

.con-year .year-items .item .year {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 4.8438vw;
    font-size: 1.5625vw;
    font-weight: 300;
    line-height: 1.4583vw
}

.con-year .year-items .item .year::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 0.625vw;
    height: 0.625vw;
    background: #252525;
    border: 0.1042vw solid #707070;
    border-radius: 51%;
    z-index: 4
}

.con-year .year-items .item .year::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 0.0521vw;
    height: 1.0417vw;
    background-color: #373737
}

.con-year .year-items .item .text {
    padding: 2.0313vw 2.3438vw;
    height: 6.3542vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8333vw;
    color: #858585;
    line-height: 1.4583vw;
    flex: 1
}

.con-year .arrow {
    position: absolute;
    top: 0;
    width: 7vw;
    height: 100%;
    z-index: 2;
    background-color: #252525;
}

.con-year .arrow::after {
    content: "";
    position: absolute;
    top: 2.3958vw;
    width: 0.8854vw;
    height: 0.625vw;
    z-index: 2;
    cursor: pointer
}

.con-year .arrow::before {
    content: "";
    position: absolute;
    top: 4.8438vw;
    width: 100%;
    height: 0.0521vw;
    background-color: #373737;
    z-index: 2;
}

.con-year .arrow-left {
    left: 0;
}

.con-year .arrow-left::after {
    left: 3.8542vw;
    background: url("../images/arrow-left-gray.png") no-repeat;
    background-size: cover
}

.con-year .arrow-right {
    right: 0;
}

.con-year .arrow-right::after {
    right: 3.8542vw;
    background: url("../images/arrow-right-gray.png") no-repeat;
    background-size: cover
}

.freePage {
    padding: 0 14.8958vw;
    width: 100%
}

.freePage .con-img,
.freePage .con-img img {
    width: 100%;
    height: 14.3229vw
}

.freePage .con-menu {
    margin-top: 3.5937vw;
    display: flex;
    justify-content: center
}

.freePage .con-menu .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.9375vw;
    color: #ACACAC;
    line-height: 1.4583vw
}

.freePage .con-menu .item img {
    margin-bottom: 1.0417vw;
    width: 5.2083vw;
    height: 5.2083vw
}

.freePage .con-menu .item span {
    max-width: 7.8125vw;
    text-align: center
}

.freePage .con-menu .arrow {
    margin: 2.1354vw 5.7292vw
}

.freePage .con-menu .arrow img {
    width: 2.7083vw;
    height: 1.875vw
}

.freePage .con-form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.freePage .con-form .title {
    margin: 3.9063vw 0 2.2396vw 0;
    width: 100%;
    font-size: 1.5625vw;
    color: #DDDDDD;
    line-height: 1.4583vw;
    text-align: center
}

.freePage .con-form .col>div:first-child {
    width: 6.7708vw;
    text-align: left;
    font-size: 0.9375vw;
    color: #ACACAC;
    line-height: 1.4583vw
}

.freePage .con-form .require::before {
    content: '* ';
    color: #E64C3C
}

.freePage .con-form .con-input {
    width: 30.2083vw;
    height: 2.3438vw;
    background: #414556;
    border: 1px solid #626573;
    border-radius: 0.2604vw
}

.freePage .con-form .con-input input {
    width: 100%;
    height: 100%;
    background-color: transparent
}

.freePage .con-form .row {
    margin-bottom: 1.5625vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.freePage .con-form .col {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.freePage .btn-submit {
    margin: 3.6979vw auto 8.0208vw auto;
    margin-top: 3.6979vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12.7604vw;
    height: 2.7604vw;
    background: #02BAB4;
    border-radius: 0.2604vw;
    font-size: 1.0417vw;
    color: #FFFFFF;
    line-height: 1.4583vw;
    cursor: pointer
}

.newPage {
    padding: 0 14.7917vw
}

.newPage .con-tabs {
    padding: 0 0 1.4583vw 0;
    display: flex;
    align-items: center
}

.newPage .con-tabs .item {
    margin-right: 0.5208vw;
    padding: 0 1.0417vw;
    min-width: 4.1667vw;
    height: 1.8229vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8333vw;
    color: #858585;
    line-height: 1.4583vw;
    cursor: pointer;
    transition: all .3666s
}

.newPage .con-tabs .active {
    background: #02BAB4;
    color: #fff
}

.newPage .con-new-list .con-items {
    width: 100%;
    overflow-x: hidden;
}

.newPage .con-new-list .con-items .item {
    position: relative;
    padding: 1.1458vw 0.5729vw;
    width: 100%;
    border-top: 0.0521vw solid #383838;
    display: flex
}

.newPage .con-new-list .con-items .item .new-img {
    margin-right: 4.6875vw;
    align-self: flex-end;
}

.newPage .con-new-list .con-items .item .new-img img {
    width: 13.75vw;
    height: 8.125vw;
    transform: scale(1);
    transition: all .366s
}

.newPage .con-new-list .con-items .item .new-img img:hover {
    transform: scale(1.1);
    transform-origin: center center
}

.newPage .con-new-list .con-items .item .info {
    padding: 1.4063vw 0 1.9271vw 0;
    flex: 1;
    display: flex;
    flex-direction: column
}

.newPage .con-new-list .con-items .item .info .subtitle {
    margin-bottom: 1.6146vw;
    font-size: 0.9375vw;
    color: #FFFFFF;
    line-height: 1.4583vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 50.9896vw;
}

.newPage .con-new-list .con-items .item .info .subtitle span:first-child {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.newPage .con-new-list .con-items .item .info .descript {
    font-size: 0.7292vw;
    color: #666666;
    line-height: 1.4583vw;
    white-space: nowrap;
}

.newPage .con-new-list .con-items .item .info .descript a {
    color: #02BAB4;
}

.newPage .con-new-list .con-items .item .info .descript a::before {
    content: "...";
    margin-right: 3.0417vw;
    color: #666;
}

.newPage .con-new-list2 .con-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    grid-column-gap: 6.3021vw
}

.newPage .con-new-list2 .item {
    width: 100%;
    height: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9375vw;
    color: #C0C0C0;
    line-height: 1.5625vw;
    border-bottom: 0.0521vw dashed #8F8F8F
}

.newPage .con-new-list2 .item span+span {
    color: #8F8F8F;
    font-size: 0.7813vw
}

.newPage3 {
    padding: 0 15.2604vw 9.0625vw 15.2604vw
}

.newPage3 .con-box {
    margin-left: 4.6875vw;
    padding-top: 1.9792vw
}

.newPage3 .con-box .title {
    width: 100%;
    text-align: center;
    font-size: 1.3542vw;
    color: #DDDDDD;
    line-height: 1.8583vw
}

.newPage3 .con-box .auth {
    margin-top: 3.2292vw;
    width: 100%;
    text-align: right;
    font-size: 0.7292vw;
    color: #858585;
    line-height: 1.4583vw
}

.newPage3 .con-box .auth span {
    margin-left: 1.9271vw
}

.newPage3 .con-box .value {
    margin-top: 2.1875vw;
    font-size: 0.8333vw;
    line-height: 1.625vw;
    color: #ACACAC
}

#content {
    padding-top: 9.2708vw
}

.footer-link {
    padding-left: 14.7917vw;
    width: 100vw;
    height: 2.4479vw;
    line-height: 2.4479vw;
    background-color: #3A3A3A;
    color: #898989
}

.footer-link a {
    color: #898989
}

.row {
    width: 100%;
    display: flex;
    align-items: center
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 0.8333vw;
    border-radius: 0.3125vw
}

.route-link {
    padding: 0 0 1.1979vw 0;
    font-size: 0.7292vw;
    color: #01BAB4;
    line-height: 1.4583vw;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.route-link a:hover {
    color: #01BAB4 !important
}

.route-link span:last-child {
    color: #ACACAC;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.con-new-list1 img {
    opacity: 0;
    transform: translateY(400px)
}

.con-new-list1 .info {
    position: relative
}

.con-new-list1 .info:hover {
    border-bottom-color: #02BAB4 !important
}

.con-new-list2 .item:hover .descript {
    color: #02BAB4 !important
}

.con-new-list2 .item:hover .descript::before {
    background-color: #02BAB4 !important
}

.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.twoEllipsis {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.textsEllipsis {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.pageRow {
    margin-top: 6.25vw
}

.NewDetail {
    position: absolute;
    right: 0;
    cursor: pointer;
    background-color: #252525;
}

a {
    cursor: pointer;
    text-decoration: none
}

img.in {
    animation: slide-in-blurred-bottom forwards 0.6s cubic-bezier(0.23, 1, 0.32, 1)
}

.con-app .item.in {
    animation: slide-in-blurred-bottom forwards 0.6s cubic-bezier(0.23, 1, 0.32, 1)
}

.header .menu-item {
    position: relative;
    padding: 0.5208vw 2.0833vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0417vw;
    color: #FFFFFF;
    border: 0.0521vw solid transparent;
    cursor: pointer;
    transition: color .36s;
    white-space: nowrap
}

.header .menu-item:hover .menu-item-sub,
.header .con-menu-content:hover .menu-item-sub {
    opacity: 1;
    z-index: 1;
    height: auto;
    overflow: auto;
}

.header .menu-item .menu-item-sub,
.header .con-menu-content .menu-item-sub {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    width: 100%;
    height: 0;
    background-color: #3b4350;
    opacity: 0;
    z-index: -1;
    transition: all .3s;
    font-size: 0.9vw;
    overflow: hidden;
}

.header .menu-item .menu-item-sub .menu-item-sub-item,
.header .con-menu-content .menu-item-sub .menu-item-sub-item {
    position: relative;
    width: 100%;
    height: 2.4479vw;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .366s;
    color: #fff;
}

.header .menu-item .menu-item-sub .menu-item-sub-item.active,
.header .menu-item .menu-item-sub .menu-item-sub-item:hover,
.header .con-menu-content .menu-item-sub .menu-item-sub-item.active,
.header .con-menu-content .menu-item-sub .menu-item-sub-item:hover {
    color: #02BAB4;
    background-color: #3a3c48
}

.header .menu-item .menu-item-sub .menu-item-sub-item.active::before,
.header .menu-item .menu-item-sub .menu-item-sub-item:hover::before,
.header .con-menu-content .menu-item-sub .menu-item-sub-item.active::before,
.header .con-menu-content .menu-item-sub .menu-item-sub-item:hover::before {
    position: absolute;
    left: .5417vw;
    content: "";
    border: 0.5208vw solid transparent;
    border-left-color: #02BAB4
}

.header .menu-item .menu-item-sub .menu-item-sub-item:hover .menu-item-sub-children-box,
.header .con-menu-content .menu-item-sub .menu-item-sub-item:hover .menu-item-sub-children-box {
    opacity: 1;
    z-index: 1
}

.header .menu-item .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box,
.header .con-menu-content .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    background-color: #3b4350;
    opacity: 0;
    z-index: -1;
    transition: all .3s
}

.header .menu-item .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box .menu-item-sub-children-box-item,
.header .con-menu-content .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box .menu-item-sub-children-box-item {
    position: relative;
    width: 100%;
    height: 2.4479vw;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .366s
}

.header .menu-item .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box .menu-item-sub-children-box-item.active,
.header .menu-item .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box .menu-item-sub-children-box-item:hover,
.header .con-menu-content .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box .menu-item-sub-children-box-item.active,
.header .con-menu-content .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box .menu-item-sub-children-box-item:hover {
    color: #02BAB4;
    background-color: #3a3c48
}

.header .menu-item .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box .menu-item-sub-children-box-item.active::before,
.header .menu-item .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box .menu-item-sub-children-box-item:hover::before,
.header .con-menu-content .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box .menu-item-sub-children-box-item.active::before,
.header .con-menu-content .menu-item-sub .menu-item-sub-item .menu-item-sub-children-box .menu-item-sub-children-box-item:hover::before {
    position: absolute;
    left: .5417vw;
    content: "";
    border: 0.5208vw solid transparent;
    border-left-color: #02BAB4
}

.swiper {
    --swiper-theme-color: #fff;
    --swiper-pagination-color: #fff;
    /* 两种都可以 */
}

.swiper-pagination-bullet-active {
    background-color: #fff !important;
}